<template>
  <div class="tsgz-left">
    <RiskSituation />
    <div class="left-down">
      <AreaSort />
      <OpinionTrends />
    </div>

  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import RiskSituation from './riskSituation/index.vue';
import AreaSort from './areaSort/index.vue';
import OpinionTrends from './opinionTrends/index.vue';

defineComponent({ name: 'TsgzLeftComp' });
</script>

<style scoped lang="scss">
.tsgz-left {
  @apply w-[1128px] h-[calc(100%-34px)] flex flex-col justify-between absolute left-[85px];

  .left-down {
    @apply w-full h-[calc(100%-424px)] grid grid-cols-2 gap-[48px];
  }
}
</style>
